  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>案例</title>
    <link rel="stylesheet" href="css/bailu.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script>
        $(function(){
         var bg_img=$('.bg_img')
         var bg_img1=$('.bg_img1')
         var bigBg=$('body')
        X
        //  console.log(bigBg.length)
        // bg_img.mouseover(function(){
        //   bg_img1.slideDown(1000)
        // })
        
        
        
        $.each(bg_img,function(index,value){
          $(this).hover(function(){
            bg_img1.eq(index).slideDown(1000)
          })
        
        })
        bigBg.mouseout(function(){
            bg_img1.slideUp(1000)
          })
        })


        $(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
        </script>
</head>
<body>
    <nav class="navbar navbar-default"style="background:#1a1a1a;">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <!-- <a class="navbar-brand" href="#">Brand</a> -->
            <img src="img/logo.png" alt=""style="margin:10px 0 0 50px;">
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                
            </ul>
            
            <ul class="nav navbar-nav navbar-right"style="margin:15px 550px 0 0px;font-size:14px;height:58px;">
              <li><a href="#">首页</a></li>
              <li><a href="#">产品</a></li>
              <li><a href="#">解决方案</a></li>
              <li><a href="#">开发者中心</a></li>
              <li><a href="#">案例</a></li>
              <li><a href="#">众包平台</a></li>
              <li><a href="#">教育</a></li>
              <li><a href="#">区块链实验室</a></li>
              <li><a href="#">社区</a></li>
              <li><a href="#">关于我们</a></li>
              <button type="button" class="btn btn-default" style="border-radius:100px; outline:none ;margin:5px -480px 0 490px;color:#fff;background:blue;">EN</button>
              <li class="dropdown">
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </li>
            </ul>
            
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>


      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="clear:both;margin:-21px 0 0  0; ">
        <!-- Indicators -->
        <!-- <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol> -->
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="img/tupian1.png" alt="" class="">
            <div class="carousel-caption">
            </div>
          </div>
        </div>
    </div>
    
    
    
    
    
    
    
    <div class="row  col-md-offset-2"style="margin-top:100px;">
            <div class="col-sm-6 col-md-3">
              <div class="thumbnail">
                <img src="img/tupian2.jpg" alt="">
                <div class="caption">
                  <h4>"枪在手，跟我走！"首款3D FPS小游戏《全民狙神》带你领略"现在战争"</h4>
                  <p></p>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                  <img src="img/tupian3.png" alt="">
                  <div class="caption">
                    <h4>月流水近三千万！《时光环境》成又一现象级微信小游戏</h4>
                    <p></p>
                  </div>
                </div>
              </div> <div class="col-sm-6 col-md-3">
                <div class="thumbnail">
                  <img src="img/tupian4.jpg" alt="">
                  <div class="caption">
                    <h4>"重度+社交"带来小游戏发展新方向《御天传奇OL加速小游戏精品化发展》</h4>
                    <p></p>
                  </div>
                </div>
              </div>  
          </div>


          <div class="box" style=" display:inline;">
            <div class="pox">
                <img class="left_1" src="img/lineLeft.png" alt="">
                <h1>游戏案例</h1>
                <img class="right_1" src="img/lineRight.png" alt="">
            </div>
          </div>


          <!-- <div class="row "style="margin-top:100px;">
          <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
              <img src="img/tupian5.jpg" alt="">
              <img src="img/tupian5.5.png" alt="">
              <div class="caption">
                <h4>传奇来了</h4>
                <p style="color:#bbb5bf;">微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
              </div>
            </div>
          </div>
        </div> -->


       <!-- <div class="gameItem">
           <img class="gameImg" src="img/tupian5.jpg" alt="">
         <div class="bg"></div>
           <img class="erweima" src="img/tupian5.5.png" alt="">
           <div class="gameCodeContain" style="background: rgba(0, 0, 0, 0.5); display: none;">
            
           </div>
           <div class="gameTitle">传奇来了</div>
           <div class="gameText">微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</div>
       </div> -->
      
      
       <div class="container">
      <div class="row">
  <div class="col-sm-6 col-md-4">
      <div class="thumbnail">
      <div class="bg_img">
          <img src="img/tupian5.jpg" alt="">
       </div>
      <div class="bg_img1">
          
       <img src="img/tupian5.5.png" alt="">
      </div>
        <div class="caption">
          <h3>传奇来了</h3>
          <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
        </div>
      </div>
      
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
        <div class="bg_img">
            <img src="img/tupian6.png" alt="">
         </div>
        <div class="bg_img1">
            
         <img src="img/tupian5.5.png" alt="">
        </div>
          <div class="caption">
            <h3>传奇来了</h3>
            <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
          </div>
        </div>
        
      </div>
      <div class="col-sm-6 col-md-4">
          <div class="thumbnail">
          <div class="bg_img">
              <img src="img/tupian7.jpg" alt="">
           </div>
          <div class="bg_img1">
              
           <img src="img/tupian5.5.png" alt="">
          </div>
            <div class="caption">
              <h3>传奇来了</h3>
              <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
            </div>
          </div>
          
        </div>
    


        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
            <div class="bg_img">
                <img src="img/tupian8.png" alt="">
             </div>
            <div class="bg_img1">
                
             <img src="img/tupian5.5.png" alt="">
            </div>
              <div class="caption">
                <h3>传奇来了</h3>
                <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
              </div>
            </div>
            
          </div> <div class="col-sm-6 col-md-4">
              <div class="thumbnail">
              <div class="bg_img">
                  <img src="img/tupian9.png" alt="">
               </div>
              <div class="bg_img1">
                  
               <img src="img/tupian5.5.png" alt="">
              </div>
                <div class="caption">
                  <h3>传奇来了</h3>
                  <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                </div>
              </div>
              
            </div> <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                <div class="bg_img">
                    <img src="img/tupian10.png" alt="">
                 </div>
                <div class="bg_img1">
                    
                 <img src="img/tupian5.5.png" alt="">
                </div>
                  <div class="caption">
                    <h3>传奇来了</h3>
                    <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                  </div>
                </div>
                
              </div>

              <div class="col-sm-6 col-md-4">
                  <div class="thumbnail">
                  <div class="bg_img">
                      <img src="img/tupian11.png" alt="">
                   </div>
                  <div class="bg_img1">
                      
                   <img src="img/tupian5.5.png" alt="">
                  </div>
                    <div class="caption">
                      <h3>传奇来了</h3>
                      <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                    </div>
                  </div>
                  
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                    <div class="bg_img">
                        <img src="img/tupian12.jpg" alt="">
                     </div>
                    <div class="bg_img1">
                        
                     <img src="img/tupian5.5.png" alt="">
                    </div>
                      <div class="caption">
                        <h3>传奇来了</h3>
                        <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                      </div>
                    </div>
                    
                  </div>
                  <div class="col-sm-6 col-md-4">
                      <div class="thumbnail">
                      <div class="bg_img">
                          <img src="img/tupian13.jpg" alt="">
                       </div>
                      <div class="bg_img1">
                          
                       <img src="img/tupian5.5.png" alt="">
                      </div>
                        <div class="caption">
                          <h3>传奇来了</h3>
                          <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                        <div class="bg_img">
                            <img src="img/tupian14.jpg" alt="">
                         </div>
                        <div class="bg_img1">
                         <img src="img/tupian5.5.png" alt="">
                        </div>
                          <div class="caption">
                            <h3>传奇来了</h3>
                            <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                          </div>
                        </div>
                      </div>
                      <div class="col-sm-6 col-md-4">
                          <div class="thumbnail">
                          <div class="bg_img">
                              <img src="img/tupian15.jpg" alt="">
                           </div>
                          <div class="bg_img1">
                           <img src="img/tupian5.5.png" alt="">
                          </div>
                            <div class="caption">
                              <h3>传奇来了</h3>
                              <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                            </div>
                          </div>
                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                            <div class="bg_img">
                                <img src="img/tupian16.jpg" alt="">
                             </div>
                            <!-- <div class="bg_img1"> -->
                             <!-- <img src="img/tupian5.5.png" alt=""> -->
                            <!-- </div> -->
                              <div class="caption">
                                <h3>传奇来了</h3>
                                <p>微信小程序还原经典,采用无缝跨屏模式，画质清晰细致，打击感十足。游戏效果写真，叫色形象霸气十足</p>
                              </div>
                            </div>
                          </div>
                          <button type="button" class="btn btn-default" style="border-radius:25px; outline:none ;margin:50px -480px 50px 490px;"><span class="glyphicon glyphicon-menu-left" ></button>
                          <button type="button" class="btn btn-default" style="border-radius:20px; outline:none ;margin:0 -480px 0 490px;">1</button>
                          <button type="button" class="btn btn-default" style="border-radius:20px; outline:none ;margin:0 -480px 0 490px;">2</button>
                          <button type="button" class="btn btn-default" style="border-radius:20px; outline:none ;margin:0 -480px 0 490px;">3</button>
                          <button type="button" class="btn btn-default" style="border-radius:25px; outline:none ;margin:50px -480px 50px 490px;"><span class="glyphicon glyphicon-menu-right"></button>
</div>
</div>


<div class="nav_2">
<img src="img/tupian0.jpg" alt="">
</div>


<!-- <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button> -->
</body>
</html>